import { createRouter, createWebHistory } from 'vue-router'
import HomePage from '@/DisplayMessage.vue'
import RestaurantManagement from '@/HelloWorld.vue'
import RestaurantDetail from '@/InputBox.vue'
import UserProfile from '@/App.vue'

const routes = [
  {
    path: '/DisplayMessage.vue',
    name: 'home',
    component: HomePage
  },
  {
    path: '/HelloWorld.vue',
    name: 'restaurant-management',
    component: RestaurantManagement
  },
  {
    path: '/InputBox.vue',
    name: 'restaurant-detail',
    component: RestaurantDetail
  },
  {
    path: '/App.vue',
    name: 'user-profile',
    component: UserProfile
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router
